<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>map</title>
	<link rel="stylesheet" type="text/css" href="common/common.css">
	<script type="text/javascript" src="common/jquery-1.7.1.min.js"></script>
<style>
body{background-color: #fff;font-size: 12px;}
#wrapTable{overflow:hidden;}
table{width: 100%;}
table .on th, table .on td{background-color: #666;color: #fff;}
table .on td a{color: #fff;}
table th{background-color: #eee;height: 30px;border-right: 1px solid #ccc;}
table th:last-child{border-right: none;}
table td{padding:10px 0;text-indent: 10px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table ul{margin-left:20px;}
table ul li{list-style:disc;text-indent: 0;line-height: 150%;}
</style>
</head>
<body>
<div id="wrapTable">
<table>
	<colgroup>
		<col style="width:15%">
		<col style="width:15%">
		<col style="width:15%">
		<col style="width:20%">
		<col style="width:35%">
	</colgroup>
	<thead>
		<tr>
			<th>1depth</th>
			<th>2depth</th>
			<th>3depth</th>
			<th>경로</th>
			<th>참조</th>
		</tr>
	</thead>
	<tr>
		<td>Main</td>
		<td></td>
		<td></td>
		<td><a href="html/index.html" target="_blank">html/index.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td>제품</td>
		<td>List</td>
		<td></td>
		<td><a href="html/prdList.html" target="_blank">html/prdList.html</a></td>
		<td>
			<ul>
				<li>제품이 없을떄: <a href="html/prdList_nodata.html" target="_blank">html/prdList_nodata.html</a></li>
				<li>제품 검색 후 제품없음 : <a href="html/prdSearch.html" target="_blank">html/prdSearch.html</a></li>
			</ul>
			
		</td>
	</tr>
	<tr>
		<td></td>
		<td>View</td>
		<td></td>
		<td><a href="html/prdView.html" target="_blank">html/prdView.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>주문/결제</td>
		<td></td>
		<td><a href="html/order.html" target="_blank">html/order.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>주문완료</td>
		<td></td>
		<td><a href="html/orderConfirm.html" target="_blank">html/orderConfirm.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td>마이페이지</td>
		<td>마이페이지 메인</td>
		<td></td>
		<td><a href="html/myPage.html" target="_blank">html/myPage.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>장바구니</td>
		<td></td>
		<td><a href="html/cart.html" target="_blank">html/cart.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>찜</td>
		<td></td>
		<td><a href="html/wish.html" target="_blank">html/wish.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>주문상세내역</td>
		<td></td>
		<td><a href="html/orderView.html" target="_blank">html/orderView.html</a></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td>내주문관리</td>
		<td></td>
		<td><a href="html/myOrder.html" target="_blank">html/myOrder.html</a></td>
		<td>주문/배송내역</td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td><a href="html/myOrderCancel.html" target="_blank">html/myOrderCancel.html</a></td>
		<td>취소내역</td>
	</tr>
	<tr>
		<td>내 보유쿠폰</td>
		<td></td>
		<td></td>
		<td><a href="html/myCoupon.html" target="_blank">html/myCoupon.html</a></td>
		<td>보유쿠폰 내역</td>
	</tr>
	<tr>
		<td></td>
		<td></td>
		<td></td>
		<td><a href="html/usedCoupon.html" target="_blank">html/usedCoupon.html</a></td>
		<td>사용쿠폰 내역</td>
	</tr>
</table>
</div>
<script>
$("table tbody tr").hover(function(){
	$(this).addClass("on");
},function(){
	$(this).removeClass("on");
});
</script>
</body>
</html>